//创建完成
@import "../../global";
.create-finish {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-top: 20px;

  .finish {
    max-width: 100%;
    width: 820px;
    height: 480px;
    border: 1px solid @border-color;

    .finish-title {
      position: relative;
      display: flex;
      flex-flow: column;
      justify-content: center;
      padding-right: 125px;
      padding-left: 230px;
      height: 150px;

      img {
        position: absolute;
        left: 125px;
        height: 73px;
        width: 73px;
      }

      strong {
        display: inline-block;
        margin-bottom: 13px;
        color: @font-title;
        #font(24px, bold);
      }

      p {
        margin: 0;
        color: @font-gray;
      }
    }

    .finish-cont {
      padding-right: 125px;
      padding-top: 42px;
      padding-left: 230px;
      height: 328px;
      background-color: #fafafa;
      overflow-y: scroll;

      strong {
        display: inline-block;
        margin-bottom: 30px;
        #font(20px, bold);
      }

      ul {
        list-style-type: none;
        padding-left: 0;

        .finish-cont-list {
          position: relative;
          margin-bottom: 8px;

          &::before {
            content: "";
            position: absolute;
            top: 6px;
            left: -23px;
            height: 10px;
            width: 10px;
            border-radius: 50%;
            background-color: @blue;
          }

          .time {
            color: @font-color;
          }

          .text {
            margin-left: 62px;
            color: @font-strong;
          }
        }
      }
    }
  }
}
